$(document).ready(function(){


	$("#markBtn").click(function(){
		$("#mark").show();
		$("#personInfo").hide();

		$("#markBtn").addClass("activeclass");
		$("#personInfoBtn").removeClass("activeclass");
	});
    $("#personInfoBtn").click(function(){
        $("#mark").hide();
        $("#personInfo").show();

        $("#markBtn").removeClass("activeclass");
        $("#personInfoBtn").addClass("activeclass");
    });
    
	$("#personInfoBtn").click();
	$(".markBtn").click(function(){
		
		$("#panel").hide();
		$("#workView").show();

	});
	$("#Taffirm").click(function(){
		$("#panel").show();
		$("#workView").hide();
	})
	$("#Tcancel").click(function(){
		$("#panel").show();
		$("#workView").hide();
	})
	$(".markBtn").click(function(){
		var id = $(this).parent().parent().children().eq(0).text();
		$("#markId").text(id);
		$("#panel").hide();
		$("#workView").show();
	})
});